<template>
	<!-- 圈子成员 -->
	<view class="bbsmember">
		<view class="mainview">
			<view class="search_tops flex ali-c">
				<view class="search_inputview">
					<input v-model="keywords" class="search_input" type="text" placeholder="搜索名字"></input>
					<image class="searchicon" :src="photo_cdn1 + 'zpupload/static/gene/search.png'" mode=""></image>
				</view>
				<view class="cancel">取消</view>
			</view>
			<!-- 搜索 -->
			
			<!-- tab 切换 -->
			<view class="base_tab_tabs flex ali-c">
				<view class="base_tab_item" :class="{actives:tab_active==1}" @tap="taggletab(1)" >贡献排行</view>
				<view class="base_tab_item" :class="{actives:tab_active==2}" @tap="taggletab(2)">最近活跃</view>
				<view class="base_tab_item" :class="{actives:tab_active==3}" @tap="taggletab(3)">管理员</view>
			</view>
			
			<!-- 成员列表 -->
			<view class="memberlist">
				<view class="member_item" v-for="(item,index) in 10" :key="index">
					<view class="ranking flexc">
						<image class="rankingimg" src="/static/cirlce/ranking.png" mode=""></image>
						<view class="numss">NO.1</view>
					</view>
					<view class="member_item_card flex ali-c">
						<image class="ctximg" src="https://oss.jxdsy.cn/zpupload/avatar/84.jpg" mode=""></image>
						<view class="member_item_card_tts flex1">
							<view class="ttuunames">
								<text>李珍珍</text>
								<image class="gender" src="/static/cirlce/female.png" msg="女" mode=""></image>
								<!-- <image class="gender" src="/static/cirlce/male.png" msg="男" mode=""></image> -->
								<view class="admintag">管理员</view>
							</view>
							<view class="flex">
								<view class="phbannum">1998年 · 北京当兵</view>
								<!-- <view class="phbannum phbannum1">贡献0</view> -->
							</view>
						</view>
						<view class="editbtns">
							<image class="editinfo" src="/static/cirlce/editinfo.png" mode=""></image>
						</view>
					</view>
					<view class="member_item_address flex ali-c">
						<image class="addressty" src="/static/cirlce/addressty.png" mode=""></image>
						<view class="addrtxt">现居：江西省-南昌市-南昌县</view>
						<image class="adduser" src="/static/cirlce/adduser.png" mode=""></image>
					</view>
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import config from "@/utils/config.js";
	let {staticurl,photo_cdn1} = config.baseUrl;
	export default {
		data(){
			return {
				keywords:"",
				staticurl,
				photo_cdn1,
				tab_active:1,//1 贡献排行  2最近活跃 3管理员
			}
		},
		onLoad() {
			
		},
		methods:{
			taggletab(tab){
				this.tab_active = tab;
			}
		}
	}
</script>

<style lang="scss">
	@import "./bbsmember.scss";
</style>